
import styles from './hot.css';
import React, { Component } from 'react'
import { Carousel } from 'antd';


export default class Hotline extends Component {
  render() {
    return (
      <div id={styles.body}>
        <div>
          <ul className={styles.list01}>
            <li className={styles.leftpic}>
              <img src="http://www.guodulvyou.cn/20160323120334975.jpg" />
              <p>A线：精品团：八达...</p>
            </li>
            <li className={styles.leftpic}>
              <img src="http://www.guodulvyou.cn/20160323120334975.jpg" />
              <p>B线：精品团：八达...</p>
            </li>
            <li className={styles.leftpic}>
              <img src="http://www.guodulvyou.cn/20160323120334975.jpg" />
              <p>C线：精品团：八达...</p>
            </li>
            <li className={styles.leftpic}>
              <img src="http://www.guodulvyou.cn/20160323120334975.jpg" />
              <p>D线：精品团：八达...</p>
            </li>
            <li className={styles.leftpic}>
              <img src="http://www.guodulvyou.cn/20160323120334975.jpg" />
              <p>E线：精品团：八达...</p>
            </li>
            <li className={styles.leftpic}>
              <img src="http://www.guodulvyou.cn/20160323120334975.jpg" />
              <p>F线：精品团：八达...</p>
            </li>
          </ul>

          <ul className={styles.list02}>
            <li className={styles.rightpic}>
              <p>A线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
            <li className={styles.rightpic}>
              <p>B线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
            <li className={styles.rightpic}>
              <p>C线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
            <li className={styles.rightpic}>
              <p>D线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
            <li className={styles.rightpic}>
              <p>E线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
            <li className={styles.rightpic}>
              <p>F线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
          </ul>
        </div>

        <div className={styles.mk01}>
          <img src="http://www.guodulvyou.cn/20150318223233405.jpg" alt="" />
        </div>

        <div className={styles.mk02}>
          <h2>北京<span>一</span>日游</h2>
          <div id={styles.lunbo01}>
            <Carousel autoplay>
              <div>
                <img src="http://www.guodulvyou.cn/20150318225240223.jpg" alt=""/>
              </div>
              <div>
                <img src="http://www.guodulvyou.cn/20150318225222271.jpg" alt=""/>
              </div>
            
            </Carousel>
          </div>

          <ul className={styles.list03}>
          <li className={styles.rightpic}>
              <p>A线：精品团：八达岭长城、明十三陵、十三陵水库、居庸关外景 鸟巢水立方（赠送天安门升旗）
天...</p>
              <p className={styles.pp}><span>$&nbsp; 260.00</span>
                <img src="http://www.guodulvyou.cn/bjqn_44.jpg" alt="" />
              </p>
            </li>
          </ul>
         
        </div>
        
        <div className={styles.mk03}>
          <h2><span>景</span>点介绍</h2>
          <ul className={styles.list04}>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
            <li>
              <img src="http://www.guodulvyou.cn/20140814204405996.jpg" alt=""/>
              <p>[天坛]</p>
            </li>
          </ul>

          <div className={styles.zixun}>
            <h2>旅游资讯</h2>
            <p>暂无数据！！！！</p>
          </div>
        </div>
      </div>
    )
  }
}
